<template name="goodLabels">
	<view class="classTagBox" v-if="labels.length>0">
		<text v-for="(item,idx) in labels" :key="idx">{{item}}</text>
	</view>
</template>

<script>
	import {mapState,mapGetters,mapMutation,mapActions} from "vuex";
	export default{	
		name:'goodLabels',		//组件名称
		// 传递参数
		props:{
			labels:{
				type:Array,
				default:[]
			}
		},
		// 组件参数
		data(){
			return {
				
			}
		},
		// 组件方法
		methods:{
			
		}
	}
</script>

<style lang="less" scoped>
	.classTagBox {
		background-color: #FFFFFF;
		display: flex;
		flex-wrap: wrap;
		padding: 16upx 28upx;
		margin-bottom: 13upx;
	
		text {
			padding: 0 20upx;
			height: 42rpx;
			border-radius: 13rpx;
			border: solid 2rpx #e5bc7a;
			line-height: 40upx;
			font-size: 31rpx;
			color: #e5bc7a;
			margin-right: 15upx;
		}
	}
</style>
